<template>
    <div class="SystemSetup overflowY">
      <!-- <div class="PageTitle"><i class="iconfont icon-jia"></i>系统设置</div> -->
      <div class="PageContent">
        <el-form :model="ruleForm" :inline="true" ref="ruleForm" label-width="150px" class="demo-ruleForm">
          <div class="PageItem">
            <el-row class="PageInfo"><i class="info-bar"></i>客户信息设置</el-row>
            <el-row :gutter="10" class="paddingleft2">
              <el-form-item  label="客户单位编码:" >
                <el-input v-model="ruleForm.name"></el-input>
              </el-form-item>
            </el-row>
            <el-row :gutter="10" class="paddingleft2">
              <el-form-item  label="客户单位名称:" >
                <el-input v-model="ruleForm.name"></el-input>
              </el-form-item>
            </el-row>
            <el-row :gutter="10" class="paddingleft2">
              <el-form-item  label="客户服务电话:" >
                <el-input v-model="ruleForm.name"></el-input>
              </el-form-item>
            </el-row>
          </div>
          <div class="PageItem">
            <el-row class="PageInfo"><i class="info-bar"></i>系统IE标题栏设置</el-row>
            <el-row :gutter="10" class="paddingleft2">
              <el-form-item  label="IE浏览器窗口标题:" >
                <el-input v-model="ruleForm.name"></el-input>
              </el-form-item>
            </el-row>
          </div>
          <div class="PageItem">
            <el-row class="PageInfo"><i class="info-bar"></i>系统日志设置</el-row>
            <el-row :gutter="10" class="paddingleft2">
              <el-form-item  label="是否记录文件日志:" >
                <el-checkbox v-model="ruleForm.name">是</el-checkbox>
              </el-form-item>
            </el-row>
            <el-row :gutter="10" class="paddingleft2">
              <el-form-item  label="系统日志保存路径:" >
                <el-input v-model="ruleForm.name"></el-input>
                <el-button type="primary" style="margin-left:20px;" v-if="btnRight.btnSystemSetupSave" @click="save">保存 </el-button>
              </el-form-item>
            </el-row>

          </div>

          <div class="PageItem">
            <el-row class="PageInfo"><i class="info-bar"></i>售后支持</el-row>
            <el-row :gutter="10" class="paddingleft2">
              <el-form-item  label="软件开发商:" >
                <span v-model="ruleForm.name">济南金民电子科技有限公司</span>
              </el-form-item>
            </el-row>
            <el-row :gutter="10" class="paddingleft2">
              <el-form-item  label="售后服务热线:" >
                <span v-model="ruleForm.name">0531-58775105</span>
              </el-form-item>
            </el-row>
          </div>
          <div class="PageItem">
            <el-row class="PageInfo"><i class="info-bar"></i>售后支持</el-row>
            <el-row :gutter="10" class="paddingleft2">
              <h3 class="font">其他业务软件需要的，用户可手工更改的设置信息</h3>
            </el-row>
          </div>
          <el-row style="text-align: center">
            <el-button type="primary" style="margin-left:20px;"  v-if="btnRight.btnSystemSetupSaveRestart" @click="Save">保存 </el-button>&nbsp;&nbsp;&nbsp;&nbsp;(信息保存重启系统后生效)
          </el-row>
        </el-form>
      </div>
    </div>
</template>

<script>
    export default {
        name: "SystemSetup",
      data(){
          return{
            ruleForm:{
              name:'dddd'
            },
            path:'',
            //按钮权限
            btnRight: {
              btnSystemSetupSave: true, //保存生效
              btnSystemSetupSaveRestart: true,//保存重启后后效
            }
          }
      },
      mounted() {
        //按钮权限
        this.btnRight = this.$route.meta.buttons;
        //遍历属性赋值将true与false字符串转换成布尔型的值
        for (let key of Object.keys(this.btnRight)) {
          this.btnRight[key]=(this.btnRight[key]|| this.btnRight[key]=="true")?true:false;
        }
      },
      methods:{
        save() {
        },
         handleFiles(event) {

          let files = document.getElementById('show').value;
          // console.log(imgDataUrl)
        },

      }
    }
</script>

<style scoped>
  .SystemSetup .PageContent{
    min-height: 100vh;
  }
.padding5vw{
  padding-left: 5em;
}
.SystemSetup .PageContent .el-input,.SystemSetup .PageContent .el-select{
  width: 15vw;
  min-width: 150px;
}
.SystemSetup .font{
    font-size: 14px;
    color: #606266;
    line-height: 40px;
    font-weight: 600;
  /*letter-spacing: 1px;*/
  }
</style>
